<template>
  <div class="news-three">
    <div class="title">
      {{news.title}}
    </div>
    <div class="images">
      <img :src="item" alt="" srcset="" v-for="(item,index) in (news.images||[])" :key="index">
    </div>
    <div class="tips">
      <span>{{news.type}}</span>
      <span>{{news.time}}</span>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    news: {
      type: Object,
      default () {
        return {
          title: '我市组织举办“应急第一响应人”培训班',
          type: '国内新闻',
          isTop: true,
          time: '11-19 08:07'
        }
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.news-three{
  padding: 16px 0;
  border-bottom: 1px solid #dddddd;
  .tips{
    color: #999999;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px 0 0;
  }
  .images{
    margin: 16px 0;
    display: flex;
    justify-content: space-between;
    img {
      width: 110px;
      height: 70px;
    }
  }
}
</style>
